<%@page import="com.right.entity.Foods"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>菜品详情</title>
<link rel="shortcut icon" type="image/x-icon"
	href="assets/img/favicon.ico">

<!-- CSS 
    ========================= -->
<!--bootstrap min css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
<!--owl carousel min css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!--slick min css-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--magnific popup min css-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--font awesome css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
<!--ionicons css-->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!--linearicons css-->
<link rel="stylesheet" href="assets/css/linearicons.css">
<!--animate css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--jquery ui min css-->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!--slinky menu css-->
<link rel="stylesheet" href="assets/css/slinky.menu.css">
<!--plugins css-->
<link rel="stylesheet" href="assets/css/plugins.css">

<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">

<!--modernizr min js here-->
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>


</head>
<body>
	<jsp:include page="head.jsp"></jsp:include>
	<!--header area end-->

	<div class="breadcrumbs_area">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="breadcrumb_content">
						<ul>
							<li><h3>商品详情</h3></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--breadcrumbs area end-->

	
	<!--product details start-->
	<div class="product_details mt-70 mb-70">
		<div class="container">
			<c:if test="${foods == null}">
				<h1>商品不存在</h1>
			</c:if>
			<c:if test="${foods != null}">
			<div class="row">
				<div class="col-lg-6 col-md-6">
					<div id="img-1" class="product-details-tab">
						<div class="zoomWrapper single-zoom">
							<a href="#"> <img src="${foods.img}" alt="big-1">
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-6 col-md-6">
					<div class="product_d_right">
						<form action="OrderdetailServlet?op=addFoodsToCart" method="post">
							<h1>
								<a href="#">${foods.foodsname}</a>
							</h1>
							<div class="product_nav">
								<ul>
									<li class="prev"><a href="#"><i
											class="fa fa-angle-left"></i></a></li>
									<li class="next"><a href="#"><i
											class="fa fa-angle-right"></i></a></li>
								</ul>
							</div>
							<div class="price_box">
								<span class="current_price">${foods.price}</span>
							</div>
							<div class="product_desc">
								<p>${foods.foodsstatus}</p>
							</div>
							 <input type="hidden" name="foodname" id="foodname" value="${foods.foodsname}" />	
	                        <input type="hidden" name="foodsid" id="foodsid" value="${foods.foodsid}" />	
							<div class="product_variant quantity">
								<label>数量</label> <input min="1" max="100" value="1"
									type="number">
								<button class="button" type="submit">添加到购物车</button>
							</div>
						</form>
					</div>
				</div>
			
			</div>
			</c:if>
		</div>
	</div>
	<!--product details end-->
	
	
	<!--product info start-->
	<div class="product_d_info mb-65">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="product_d_inner">
						<div class="product_info_button">
							<ul class="nav" role="tablist">
								<li><a class="active" data-toggle="tab" href="#info"
									role="tab" aria-controls="info" aria-selected="false">说明</a></li>
								
								<li><a data-toggle="tab" href="#reviews" role="tab"
									aria-controls="reviews" aria-selected="false">评论 (1)</a></li>
							</ul>
						</div>
						<div class="tab-content">
							<div class="tab-pane fade show active" id="info" role="tabpanel">
								<div class="product_info_content">
									<p>重庆烤鱼是一种发源于重庆万州的传统风味小吃，属于川菜或重庆菜。在流传过程中，融合腌、烤、炖三种烹饪工艺技术，充分借鉴传统川菜及川味火锅用料特点，口味奇绝、营养丰富。</p>
									<p>重庆烤鱼是一种发源于重庆万州的传统风味小吃，属于川菜或重庆菜。在流传过程中，融合腌、烤、炖三种烹饪工艺技术，充分借鉴传统川菜及川味火锅用料特点，口味奇绝、营养丰富。
										重庆烤鱼是一种发源于重庆万州的传统风味小吃，属于川菜或重庆菜。在流传过程中，融合腌、烤、炖三种烹饪工艺技术，充分借鉴传统川菜及川味火锅用料特点，口味奇绝、营养丰富。</p>
								</div>
							</div>
							<div class="tab-pane fade" id="sheet" role="tabpanel">
								<div class="product_d_table">
									<form action="#">
										<table>
											<tbody>
												<tr>
													<td class="first_child">Compositions</td>
													<td>Polyester</td>
												</tr>
												<tr>
													<td class="first_child">Styles</td>
													<td>Girly</td>
												</tr>
												<tr>
													<td class="first_child">Properties</td>
													<td>Short Dress</td>
												</tr>
											</tbody>
										</table>
									</form>
								</div>
								
							</div>

							<div class="tab-pane fade" id="reviews" role="tabpanel">
								<div class="reviews_wrapper">
									<h2>用户评价</h2>
									<div class="reviews_comment_box">
										<div class="comment_thmb">
											<img src="assets/img/blog/comment2.jpg" alt="">
										</div>
										<div class="comment_text">
											<div class="reviews_meta">
												<div class="star_rating">
													<ul>
														<div> 好评</div>
													</ul>
												</div>
												<p>
													<strong id="">用户名 </strong>- <span id="">时间</span>
												</p>
												<span id="">评价内容</span>
											</div>
										</div>

									</div>
									<div class="comment_title">
										<h2>添加评价</h2>
										
									</div>
									<div class="product_ratting mb-10">
										<h2>您的评价是我们最大的动力</h2>
										<ul>
											<li><label><input type="radio" name="judge" ><span> 好评 </span></label></li> 
											<li><label><input type="radio" name="judge"><span> 中评 </span></label></li> 
											<li><label><input type="radio" name="judge"><span> 差评 </span></label></li>
										</ul>
									</div>
									<div class="product_review_form">
										<form action="#">
											<div class="row">
												<div class="col-12">
													<label for="review_comment">评价信息 </label>
													<textarea name="comment" id="review_comment"></textarea>
												</div>
												
											</div>
											<button type="submit">提交</button>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--product info end-->

	<!--footer area start-->
	<jsp:include page="footer.jsp"></jsp:include>
 

</body>
</html>